<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        //页面加载完成事件
        onload = function(){
            d1.innerText="内容被修改了";
        }
    </script>
</head>
<body>
<div id="d1">测试</div>

<!-- onchange 值改变事件-->
<select id="s1"  onchange="changefn()">
    <option>北京</option>
    <option>上海</option>
    <option>广州</option>
</select>

<!-- onblur 失去焦点事件（编辑完成时间点）-->
<input type="text" id="myinput" onblur="blurfn()">
<script>
    function changefn() {
        alert(s1.value);//弹出选中的值
    }
    function blurfn() {
        //弹出编辑完成的内容
        alert(myinput.value);
    }
    //窗口尺寸改变事件
    onresize = function () {
        console.log("尺寸改变了");
    }

</script>

</body>
</html>